<template>
  <ElDrawer
    class="select-none"
    :model-value="carRelevant.visible"
    :modal="false"
    @close="carRelevant.closeDrawer"
    :size="'20%'"
    :zIndex="-1"
    direction="rtl"
  >
    <ElScrollbar>
      <div class="w-full">
        <MusicControl />
        <ElDivider />
        <ActionScanning />
      </div>
    </ElScrollbar>
  </ElDrawer>
</template>

<script setup lang="ts">
import { useCarRelevant } from '@/business/useCarRelevant'
import ActionScanning from '@/components/ActionScanning.vue'
import MusicControl from '@/components/MusicControl.vue'

const carRelevant = useCarRelevant()
</script>
